/* Quovolver Demo Styles */

/*
 |	All required styles for the effect
 |	are labeled with this *required*
*/

body { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; color: #373737; }
a { text-decoration: none; color: #52b7d4; }
a:hover { color: #ea9941; }
#header, #footer { padding: 20px 0; }
#wrapper { width: 475px; margin: 0 auto; }
#description { margin-bottom: 40px; padding-bottom: 10px; }
h1, h2 { font-weight: normal; }
h1 { font-family: Georgia, Times, serif; font-size: 42px; color: #1f1f1f; margin-left: -60px; }
h2 { font-size: 12px; }
#description p { margin-bottom: 10px; }
#footer { font-size: 11px; line-height: 16px; }
#footer a { color: #373737; border-bottom: 1px solid #f2f2f2; }
#footer a:hover { color: #ea9941; border-color: #ea9941; }
code { font-family: "Courier New", Courier, Monaco, monospace; background: #f2f2f2; margin-bottom: 20px; display: block; padding: 20px; }	
blockquote p { margin-bottom: 10px; font-style: italic; }
blockquote cite { font-style: normal; display: block; text-align: right; text-transform: uppercase; font-size: 10px; font-weight: bold; letter-spacing: 1px; font-family: Arial, Helvetica, sans-serif; }

/*
 |	Setting the width for the blockquotes is required
 |	to accurately adjust it's contianer
*/

blockquote {
	font-family: Georgia, Times, serif;
	width: 300px; /* required */
	margin: 0 auto;
	}
	
/*
 |	The #quote_wrap div is created
 |	by Quovolver to wrap the quotes
*/

#quote_wrap { 
	background: #fbffec url(
	http://sandbox.sebnitu.com/jquery/quovolver/demo/images/quote-mark.png
	) no-repeat 20px 20px;
	margin: 40px 0; padding: 20px; border: 1px solid #edffaf;
	}
